@charset "utf-8";
/* 狮吼TV */

body      { margin:0; font-size:14px; font-family:"黑体"; background:#0e3665; color:#fff; }
.wrap img { width:100%; display:block; }
.boxImg   { position:relative; width:100%; overflow:hidden; }

/*// phb /////////*/
.phb      { background:url(../img/phbBg.jpg)  repeat-y; background:100% auto; }
.phbBox   { margin:20px 17px 0; padding:30px 0 50px; border:3px solid #6052d7; background:#103055; position:relative; }
.phbTitle { margin-left:-45%; width:90%; position:absolute; left:50%; top:-40px; z-index:3; }
.phbAce   { margin-top:70px; }
.phb410   { display:none; }

/* phbList */
.phbList                    { overflow:hidden; }
.phbList li                 { float:left; margin:8px 0; width:50%; height:44px; }
.phbList li a               { height:44px; display:block; position:relative; }
.phbList .liveHead          { width:40px; height:40px; display:block; border:2px solid #403120; border-radius:50%; position:absolute; top:0; z-index:3; }
.phbList .liveHead img      { border-radius:50%; }
.phbList .liveNo1 .liveHead { border:2px solid #f0ccab; }
.phbList .liveNo2 .liveHead { border:2px solid #b8ddee; }
.phbList .liveNo3 .liveHead { border:2px solid #d7c9ba; }
.phbList .liveNo4 .liveHead { border:2px solid #25a0d5; }
.phbList .liveName          { margin-top:5px; font-size:14px; color:#fff; }
.phbList .liveNum           { font-size:12px; color:#82c6d4; }
.phbList .liveName,.phbList .liveNum { height:18px; line-height:18px; display:block; overflow:hidden; }
.loader-inner               { margin:-10px 0 0 -10px; width:20px; height:20px; position:absolute; left:50%; top:50%; z-index:5; }
.btnShow    { margin-left:-55px; width:110px; height:30px; text-align:center; line-height:30px; display:block; background:url(../img/btnBg.png) no-repeat; background-size:110px 30px; position:absolute; left:50%; bottom:0; z-index:5; }
.btnShow i  { margin:-2px 0 0 3px; width:13px; height:13px; display:inline-block; vertical-align:middle; background:url(../img/iconShow.png) no-repeat; background-size:13px; }
.btnHide i  { background:url(../img/iconHide.png) no-repeat; background-size:13px;  }

/* anchor */
.phbList .anchor .liveHead    { right:0; }
.phbList .anchor .liveWrap    { width:40px; height:40px; display:block; position:relative; }
.phbList .anchor a            { margin-right:20px; padding-right:54px; }
.phbList .anchor .liveName,.phbList .anchor .liveNum { text-align:right; }
.phbList .anchor .liveIcon    { width:30px; height:20px; background:url(../img/live.png)no-repeat; background-size:30px 20px; position:absolute; top:-4px; left:0; z-index:5; }
.phbList .anchor .liveOpacity { width:40px; height:40px; display:block; border-radius:50%; filter:alpha(opacity=70); opacity:0.7; background:#000; position:absolute; left:0; top:0; z-index:4; }
.phbList .anchor .liveRanking { width:20px; display:block; position:absolute; right:-30px; top:10px; z-index:2; }
.phbList .anchor .liveNo4 .liveRanking { width:20px; height:20px; border-radius:3px; line-height:20px; text-align:center; display:block; background:#136ca5; color:#fff; position:absolute; right:-30px; top:10px; z-index:3; }

/* user */
.phbList .user .liveHead { left:0; }
.phbList .user a { margin-left:20px; padding-left:54px; }
.phbList .user .liveName,.phbList .user .liveNum { text-align:left; }

/*// login /////////*/
.loginIn           { margin:0 0 10px; height:40px; line-height:40px; position:relative; }
.loginIn .pm       { height:40px; display:block; text-align:center; }
.loginIn a         { float:left; width:50%; color:#71b4c6;}
.loginIn img       { width:30px; height:30px; position:absolute; left:20px; top:5px; z-index:3; }
.loginIn .loginTxt { height:40px; display:block; color:#71b4c6; }
.loginIn .loginOut { height:40px; display:block; padding:0 100px 0 60px; }
.loginIn .btnLogin { width:70px; height:26px; line-height:26px; font-size:12px; text-align:center; display:block; border-radius:13px; background:#ffda00; color:#38383d; position:absolute; right:20px; top:7px; z-index:3; }

.share            { position:absolute; width:40%; left:50%; margin-left:-20%; bottom:3%; z-index:3;}


@-webkit-keyframes line-scale-pulse-out {
	0%   { -webkit-transform:scaley(1); }
	50%  { -webkit-transform:scaley(0.4); }
	100% { -webkit-transform:scaley(1); } 
}

@keyframes line-scale-pulse-out {
	0%   { transform:scaley(1); }
	50%  { transform:scaley(0.4); }
	100% { transform:scaley(1); } 
}

.line-scale-pulse-out > div { margin:2px; width:4px; height:35px; border-radius:2px; display:inline-block; background-color:#fff; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation:line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay:-0.4s !important; animation-delay:-0.4s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay:-0.2s !important; animation-delay:-0.2s !important; }
.line-scale-pulse-out > div { float:left; margin:0 1px; width:2px; height:20px; border-radius:1px; display:inline-block;}

/* 弹窗 */
.pop     { position:fixed; left:20%; top:47%; width:60%; height:30px; font-size:14px; line-height:30px; text-align:center; display:none; border-radius:5px; z-index:999; color:#fff; background:url(../img/5.png) repeat; }
.space   { height:20px; }

@media screen and (min-width:414px)
{
	
}
@media screen and (min-width:375px)
{
	.phbTitle { top:-50px; }
}















